<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>课程导航</title>
<style type="text/css">
body,div,h2,ul,li{
	margin:0;
	padding:0
}
.box{
	width:160px;
	margin:0 auto;
	background:#f5f9fc;
	border:#d4e2ef 1px solid;
	padding:0 5px 15px 5px;
}
h2{
	height:35px;
	line-height:35px;
	font-size:18px;
	color:#1f2a86;
	padding-left:25px;
	background-image:url(imgs/title_icon.gif);
	background-repeat:no-repeat;
	background-position:5px;
}
li{
	list-style-type:none;
	font-size:13px;
	color:black;
	text-decoration:none;
	height:30px;
	line-height:30px;
	background-image:url(imgs/submenu.gif);
	background-repeat:no-repeat;
	border-top:1px solid #d4e2ef;
}
a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:#F93;
}
</style>
</head>

<body>
<div class="box">
<h2 class="title">课程导航</h2>
<ul>
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">BTEST 软件测试工程师</a></li>
<li><a href="#">BENET 网络工程师</a></li>
<li><a href="#">JBNS 网站工程师</a></li>
<li><a href="#">ACCP 启蒙星</a></li>
<li><a href="#">ANDROID 软件工程师</a></li>
<li><a href="#">JAVA 软件工程师</a></li>
<li><a href="#">.NET 软件工程师</a></li>
<li><a href="#">网络营销</a></li>
</ul>
</div>
</body>
</html>
